/* 产品中心 begin */
.layui-chanpinzhongxin {
    position: relative;
    width: 100%;
    padding: 0
}

.layui-chanpinzhongxin .banner-img {
    width: 100%;
    height: auto;
    /*保持原有比例 */
    object-fit: contain;
}

.layui-chanpinzhongxin .cpzx_nav {
    width: 100%;
    height: 80px;
    transition: background .2s !important;
    background: #fff !important;
    backdrop-filter: none !important;
    box-shadow: 3px 5px 10px 0px rgba(37, 45, 51, .1);
    z-index: 900;

}

.layui-chanpinzhongxin .cpzx_content {
    position: relative;
    width: var(--contentw);
    /* width: 70%; */
    min-height: 381px;
    background: #fff !important;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 20px auto;
}


.layui-chanpinzhongxin .cpzx_nav .cpzx-nav-ul {
    width: var(--contentw);
    /* width: 70%; */
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    height: 80px;
    line-height: 80px
}

.layui-chanpinzhongxin .cpzx_nav .cpzx-nav-ul .cpzx-nav-li {
    text-align: center;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 400;


}

.layui-chanpinzhongxin .cpzx_nav .cpzx-nav-li-active {
    color: rgb(19, 144, 234);
}

.layui-chanpinzhongxin .cpzx_nav .cpzx-nav-ul .cpzx-nav-li:hover {
    color: rgb(19, 144, 234);
}

.layui-chanpinzhongxin .cpzx_content .dev-item {
    width: calc(33.3% - 20px);
    background: #FFFFFF;
    border-radius: 13px 13px 13px 13px;
    border: 1px solid #E8E8E8;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    margin: 10px;
    padding-top: 10px;
    padding-bottom: 40px;
    font-size: 16px;
    color: #333333;
    cursor: pointer;
}

.layui-chanpinzhongxin .cpzx_content .dev-item:hover {
    border: 1px solid #268BFF;
}

.layui-chanpinzhongxin .cpzx_content .dev-item img {
    margin-bottom: 10px;
}

/* 产品中心 end */

/* 解决方案部分 begin */
.layui-jiejuefangan {
    position: relative;
    width: 100%;
    padding: 0
}

.layui-jiejuefangan .banner-img {
    width: 100%;
    height: auto;
    /*保持原有比例 */
    object-fit: contain;
    /* margin-bottom: 50px; */
}


.layui-jiejuefangan .jjfa—fanganjieshao {
    width: var(--contentw);
    /* width: 70%; */
    margin: 50px auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.layui-jiejuefangan .jjfa—fanganjieshao img {
    width: 100%;
    height: auto;
    /*保持原有比例 */
    object-fit: contain;
}

.layui-jiejuefangan .jjfa—fanganjieshao .fanganjieshao—title {
    width: 100%;
    margin: 10px auto;
    text-align: center;
    font-size: 2.2rem;
    color: #333333;
}

.layui-jiejuefangan .jjfa—fanganjieshao .fanganjieshao—desc {
    width: 100%;
    margin: 10px auto 30px;
    text-align: center;
    line-height: 26px;
}

.layui-jiejuefangan .jjfa—gongnengliangdian {
    margin: 0px auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.layui-jiejuefangan .jjfa—gongnengliangdian .gongnengliangdian—title {
    width: 100%;
    margin: 30px auto;
    text-align: center;
    font-size: 2.2rem;
    color: #333333;
}



.layui-jiejuefangan .jjfa—gongnengliangdian .gongnengliangdian-box {
    width: 100%;
    display: flex;
    background-color: #ffffff;
    padding: 50px 15%;
    margin: 10px auto;
}

.layui-jiejuefangan .jjfa—gongnengliangdian .gongnengliangdian-box:nth-child(2n) {
    width: 100%;
    margin: 0 auto;
    display: flex;
    background-color: #F7F8FC;
}

@media screen and (max-width:980px) {
    .layui-jiejuefangan .jjfa—gongnengliangdian .gongnengliangdian-box {
        padding: 50px 5%;
    }
}

.layui-jiejuefangan .jjfa—gongnengliangdian .gongnengliangdian-box .gongneng-info {
    width: 55%;
    margin: 10px auto;
    padding: 0 30px;

}

.layui-jiejuefangan .jjfa—gongnengliangdian .gongnengliangdian-box .gongneng-info .gongneng-title {
    width: 100%;
    margin: 10px auto;
    font-size: 2.2rem;
    color: #333333;

}

.layui-jiejuefangan .jjfa—gongnengliangdian .gongnengliangdian-box .gongneng-info .gongneng-desc {
    width: 100%;
    margin: 20px auto;
    font-size: 14px;
    color: #999999;
    line-height: 24px;
}

.layui-jiejuefangan .jjfa—gongnengliangdian .gongnengliangdian-box .gongneng-img {
    width: 45%;
    margin: 10px 10px;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px 1px rgba(194, 206, 219, 0.65);
    border-radius: 20px;
    align-items: center;
    text-align: center;
    padding: 20px;
    display: flex;
    height: fit-content;
    margin: auto;
}

.layui-jiejuefangan .jjfa—gongnengliangdian .gongnengliangdian-box .gongneng-img img {
    width: 100%;
    /* 让图片填充矩形容器 */
    height: auto;
    /* 保持图片的宽高比 */
    border-radius: 20px;
    /* 设置圆角的半径 */
    /*保持原有比例 */
    object-fit: contain;
}

.layui-jiejuefangan .video-list {
    position: relative;
    width: var(--contentw);
    /* width: 70%; */
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}


.layui-jiejuefangan .info-box {
    width: 30%;
    /* height: 265px; */
    background: #101010;
    box-shadow: 0px 0px 18px 1px #EAECEE;
    border-radius: 10px 10px 10px 10px;
    margin: 20px auto;

    text-align: center;
    padding: 15px;
}

.layui-jiejuefangan .info-box .info {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
}

.layui-jiejuefangan .info-box img {
    width: 100%;
    height: auto;
    /* 保持原有尺寸比例，内容被缩放 */
    object-fit: contain;

}

.layui-jiejuefangan .info-box span {
    font-size: 17px;
    color: #FFFFFF;
}


/* 解决方案部分 end */


/* 成功案例部分 begin */
.layui-chenggonganli {
    position: relative;
    width: 100%;
    padding: 0;
    font-size: 16px;
}


.layui-chenggonganli .title {
    width: 100%;
    margin: 20px auto;
    text-align: center;
    font-size: 2.2rem;
    color: #333333;
}

.layui-chenggonganli .banner-img {
    width: 100%;
    /*保持原有比例 */
    object-fit: contain;
    margin-bottom: 50px;
}

.layui-chenggonganli .VRshuzhizhanguan {
    width: 100%;
    height: 720px;
    /* 让图片填充矩形容器 */
    /* height: auto; */
    /* 将背景图片居中显示 */
    background: url('../images/chenggonganli/VR-bg.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 35px;
    /* padding-left: 7%;
    padding-right: 7%; */
    margin-bottom: 50px;
    margin-top: 50px;
    overflow: hidden;
}

.layui-chenggonganli .VRshuzhizhanguan .zhanguanList {
    position: relative;
    width: 1230px;
    height: 265px;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    display: flex;
    margin: 0 auto;
    overflow: hidden;
}

.layui-chenggonganli .VRshuzhizhanguan .zhanguanList-ul {
    width: 1000%;
    position: absolute;
    left: 0;
    top: 0;
    list-style: none;
}


.layui-chenggonganli .VRshuzhizhanguan .zhanguanList-ul li {
    float: left;
}

.layui-chenggonganli .VRshuzhizhanguan .info-box {
    width: 385px;
    /* height: 265px; */
    background: #101010;
    box-shadow: 0px 0px 18px 1px #EAECEE;
    border-radius: 10px 10px 10px 10px;
    margin-left: 15px;
    margin-right: 10px;

    text-align: center;
    padding: 15px;
}

.layui-chenggonganli .VRshuzhizhanguan .info-box .info {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
}

.layui-chenggonganli .VRshuzhizhanguan .info-box img {
    width: 100%;
    height: auto;
    /* 保持原有尺寸比例，内容被缩放 */
    object-fit: contain;

}

.layui-chenggonganli .VRshuzhizhanguan .info-box span {
    font-size: 17px;
    color: #FFFFFF;
}

.layui-chenggonganli .VRshuzhizhanguan .info-box .button-small {
    border-radius: 5px;
    border: 1px solid #FFFFFF;
    padding: 3px 15px;
    line-height: 27px;
    color: #FFFFFF;
    cursor: pointer;
}

.layui-chenggonganli .VRshuzhizhanguan .info-box .button-small:hover {
    border: 1px solid #FFFFFF;
    background-color: #268BFF;
    color: #fff !important;
}


.layui-chenggonganli .chenggonganli-content {
    position: relative;
    width: 100%;
    /* 让图片填充矩形容器 */
    height: auto;
    /* 将背景图片居中显示 */
    /* background: url('../images/chenggonganli/cgal-bg.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%; */
    padding-bottom: 116px;
    margin: 30px auto;
}

.layui-chenggonganli .chenggonganli-content .anli-list {
    position: relative;
    width: var(--contentw);
    margin: 0 auto;
}

.layui-chenggonganli .chenggonganli-content .anliList-ul {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.layui-chenggonganli .chenggonganli-content .anliList-ul .info-box {
    position: relative;
    width: calc(30% - 40px);
    height: 451px;
    background: #FFFFFF;
    box-shadow: 0px 0px 18px 1px #EAECEE;
    border-radius: 10px 10px 10px 10px;
    padding: 15px 15px 15px 15px;
    margin: 20px;
    /* display: flex;
    flex-direction: column;
    justify-content: space-between; */
}


.layui-chenggonganli .chenggonganli-content .anliList-ul .info-box img {
    width: 100%;
    height: 200px;
    border-radius: 10px;
    /* 设置圆角的大小 */

}

.layui-chenggonganli .chenggonganli-content .anliList-ul .info-box .info-title {
    width: 100%;
    font-size: 0.8vw;
    color: #171818;
    text-align: center;
    padding-top: 25px;
    overflow: hidden;
    /* 确保超出容器的文本被隐藏 */
    white-space: nowrap;
    /* 防止文本换行 */
    text-overflow: ellipsis;
    /* 超出部分显示省略号 */

}

.layui-chenggonganli .chenggonganli-content .anliList-ul .info-box .info-desc {
    font-size: 14px;
    color: #999999;
    line-height: 24px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-top: 10px;
}

.layui-chenggonganli .chenggonganli-content .anliList-ul .info-box .btn {
    position: absolute;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    bottom: 3%;
    text-align: center;
    margin: 10px auto;
}

.layui-chenggonganli .chenggonganli-content .anli-arrow-prev,
.layui-chenggonganli .chenggonganli-content .anli-arrow-next {
    width: 22px;
    height: 40px;
    z-index: 12;
    cursor: pointer
}

.layui-chenggonganli .chenggonganli-content .anli-arrow-prev {
    background-color: #000000;
    position: absolute;
    left: calc(50% - 680px);
    top: calc(50% - 25px);
    background: url("../images/arrow-right.png") no-repeat
}

.layui-chenggonganli .chenggonganli-content .anli-arrow-next {
    position: absolute;
    right: calc(50% - 680px);
    top: calc(50% - 25px);
    background: url("../images/arrow-left.png") no-repeat
}

@media screen and (max-width:980px) {
    .layui-chenggonganli .chenggonganli-content .anli-arrow-prev {
        left: 3%;
    }

    .layui-chenggonganli .chenggonganli-content .anli-arrow-next {
        right: 3%;
    }
}

/* 成功案例部分 end */

/* 招商加盟 begin */
.layui-zhaoshangjiameng {
    position: relative;
    width: 100%;
    padding: 0;
    font-size: 16px;
    margin: 0 auto;
}

.layui-zhaoshangjiameng .title {
    width: 100%;
    margin: 50px auto 20px;
    text-align: center;
    font-size: 2.2rem;
    color: #333333;
}


.layui-zhaoshangjiameng .banner-img {
    width: 100%;
    /*保持原有比例 */
    object-fit: contain;
}


.layui-zhaoshangjiameng .zhaoshangjiameng-box {
    width: var(--contentw);
    /* width: 70%; */
    margin: 20px auto;
    display: flex;
    align-items: center;
    /* background-color: #252E4B; */
}

.layui-zhaoshangjiameng .zhaoshangjiameng-box .gongneng-info {
    width: 55%;
    margin: 10px auto;
    padding: 0 30px;

}

.layui-zhaoshangjiameng .zhaoshangjiameng-box .gongneng-info .gongneng-title {
    width: 100%;
    margin: 10px auto;
    font-size: 2.2rem;
    color: #333333;

}

.layui-zhaoshangjiameng .zhaoshangjiameng-box .gongneng-info .gongneng-desc {
    width: 100%;
    margin: 20px auto;
    font-size: 14px;
    color: #999999;
    line-height: 24px;
}

.layui-zhaoshangjiameng .zhaoshangjiameng-box .gongneng-img {
    width: 45%;
    margin: 10px 10px;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.5);
    align-items: center;
    text-align: center;
    padding: 20px;
}

.layui-zhaoshangjiameng .zhaoshangjiameng-box .gongneng-img img {
    width: 100%;
    /* 让图片填充矩形容器 */
    height: auto;
    /* 保持图片的宽高比 */
    border-radius: 20px;
    /* 设置圆角的半径 */
    /*保持原有比例 */
    object-fit: contain;
}

/* 合作优势 */

.layui-zhaoshangjiameng .hezuoyoushi-content {
    width: 100%;
    margin: 50px auto 0;
    background: #F6F8FB;
    padding: 50px 0;
}

.layui-zhaoshangjiameng .hezuoyoushi-content .desc {
    width: 90%;
    margin: 10px auto;
    font-size: 14px;
    color: #999999;
    line-height: 24px;
    text-align: center;
}

.layui-zhaoshangjiameng .hezuoyoushi-content .info-list {
    width: var(--contentw);
    margin: 30px auto;
    display: flex;
    flex-wrap: wrap;
}

.layui-zhaoshangjiameng .hezuoyoushi-content .info-box {
    width: 45%;
    margin: 20px auto;
    padding: 20px;
    background: linear-gradient(180deg, #E6F1FF 0%, #FAFCFF 100%);
    box-shadow: 8px 8px 20px 1px rgba(75, 99, 147, 0.2);
    border-radius: 4px 4px 4px 4px;
    border: 2px solid #FFFFFF;
}

.layui-zhaoshangjiameng .hezuoyoushi-content .txt {
    width: 100%;
    margin: 10px auto;
}

/* 
<!-- 合作优势 -->
        <div class="hezuoyoushi-content">
          <div class="title">合作优势</div>
          <div class="desc">
            为了进一步拓展业务，提升服务品质，我们启动了城市合伙人计划，旨在与有识之士携手合作，共享资源，共铸辉煌。
            作为我们的城市合伙人，您将享受到以下优势：
          </div>
          <div class="info-box">
            <img src="images/zhaoshangjiameng/sbjqr.png">
            <span>区域独家代理</span>
            <div class="txt">独家的区域代理权，尽享市场开拓的丰厚回报</div>
          </div>
        </div> */



.hezuozhichi-content {
    width: 100%;
    position: relative;
}

.hezuozhichi-content .join-us {
    position: relative;
    width: 100%;
    height: 129px;
    background: url('../images/zhaoshangjiameng/bg-1.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    line-height: 30px;
    font-size: 20px;
    color: #FFFFFF;
}

.hezuozhichi-content .desc {
    width: 100%;
    font-size: 14px;
    color: #999999;
    line-height: 24px;
    text-align: center;
}


.hezuozhichi-content .info-list {
    width: var(--contentw);
    /* width: 70%; */
    margin: 30px auto;
    display: flex;
    flex-wrap: wrap;
}

.hezuozhichi-content .info-list .info-box {
    position: relative;
    width: 30%;
    margin: 20px auto;
    padding: 20px;
    background: #F2F9FF;
    border-radius: 2px 2px 2px 2px;
}

.hezuozhichi-content .info-list .info-box .cont-title {
    position: relative;
    width: 100%;
    height: 30px;
    font-weight: bold;
    font-size: 18px;
    color: #333333;
}

.hezuozhichi-content .info-list .info-box .cont-title::after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    width: 100%;
    height: 1px;
    background-color: #CFD9F9;
}

.hezuozhichi-content .info-list .info-box .content {
    padding-top: 20px;
    font-size: 14px;
    color: #999999;
    line-height: 18px;
    min-height: 150px;
}

.hezuozhichi-content .info-list .info-box .content p {
    margin: 10px 0;
}

.list-content {
    width: 85%;
    height: 356px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15px;
    transition: 0.5s;

}

.list-content .item {
    border-radius: 10px;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    padding-left: 50px;
    padding-top: 50px;
    line-height: 30px;
    color: #FFFFFF;
    box-sizing: border-box;
    background-color: #0052d9;
}

.list-content .item p {
    font-size: 1.8rem;
    margin-bottom: 20px;
    z-index: 2;
}

.list-content .item span {
    font-size: 14px;
    z-index: 4;
}

.list-content .item .info {
    font-size: 14px;
    z-index: 4;
}

.list-content .item .info img {
    margin-right: 5px;
}




.list-content .item span::before {
    content: url('../images/duihao.png');
    display: inline-block;
    width: 20px;
    /* 设置图片宽度 */
    height: 20px;
    /* 设置图片高度 */
}

.item:nth-child(1) {
    background: url("../images/zhaoshangjiameng/box-1.png") no-repeat;
}


.item:nth-child(2) {
    background: url("../images/zhaoshangjiameng/box-2.png") no-repeat;
}

.item:nth-child(3) {
    background: url("../images/zhaoshangjiameng/box-3.png") no-repeat;
}

.list-content .mask {
    position: absolute;
    left: 0;
    top: 0;
    inset: 0;
    z-index: 1;
    border-radius: 10px;
    background: linear-gradient(90deg, #3C444A 0%, rgba(25, 25, 25, 0.22) 100%);
    display: block;
}

.li-active .mask {
    background: linear-gradient(270deg, rgba(0, 82, 217, .5), #0052d9);
}


.item:nth-child(1):hover .mask {
    background: linear-gradient(270deg, rgba(0, 82, 217, .5), #0052d9);
}

.item:nth-child(2):hover .mask {
    background: linear-gradient(270deg, rgba(0, 82, 217, .5), #0052d9);
}

.item:nth-child(3):hover .mask {
    background: linear-gradient(270deg, rgba(0, 82, 217, .5), #0052d9);
}

/* 

.list-content:has(.item:nth-child(1):hover) {
    grid-template-columns: 2fr 1fr 1fr;

}

.list-content:has(.item:nth-child(2):hover) {
    grid-template-columns: 1fr 2fr 1fr;
}

.list-content:has(.item:nth-child(3):hover) {
    grid-template-columns: 1fr 1fr 2fr;
} */

/* 如何成为腾跃科技合伙人 */
.tykjhehuoren-content {
    position: relative;
    width: 100%;
    margin: 20px auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../images/zhaoshangjiameng/bg-2.png");
    background-size: 100% 100%;
}

.tykjhehuoren-content .info-list {
    width: var(--contentw);
    margin: 10px auto 50px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    /* gap: 20px; */
}

/* @media screen and (max-width:980px) {
    .tykjhehuoren-content .info-list {
        width: 95%;
    }
} */

.tykjhehuoren-content .info-list .info-box {
    padding: 20px 10px;
    text-align: center;
    /* background-color: #000000; */
}

.tykjhehuoren-content .info-list .info-box .info-title {
    font-family: MicrosoftYaHei-Bold, MicrosoftYaHei-Bold;
    font-weight: bold;
    width: 100%;
    font-size: 1.2rem;
    color: #474645;
    margin: 10px auto;
}

.tykjhehuoren-content .info-list .info-box .info-desc {
    width: 100%;
    height: 6rem;
    padding: 0 10px;
    text-align: left;
    font-size: 0.8rem;
    color: #474645;
    line-height: 22px;
    overflow: hidden;
}

.tykjhehuoren-content .info-list .info-box .info-arrow {
    width: 100%;
    height: 40px;
    text-align: left;
    font-size: 14px;
    color: #474645;
    line-height: 22px;
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    align-items: center;
}

.tykjhehuoren-content .info-list .info-box .info-arrow .line {
    position: relative;
    width: 100%;
    height: 1px;
    background-color: #707070;
}

.tykjhehuoren-content .info-list .info-box .info-arrow .btn {
    width: 100%;
    height: 100%;
    background: #A7B4C4;
    border-radius: 3px 3px 3px 3px;
    font-size: 1.3rem;
    color: #FFFFFF;
    line-height: 40px;
    text-align: center;
}

.triangle-right {
    position: absolute;
    right: -21px;
    top: -10px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 20px solid #A7B4C4;
}

/* <!-- 如何成为腾跃科技合伙人 -->
      <div class="tykjhehuoren-content">
        <div class="title">如何成为腾跃科技合伙人</div>
        <div class="info-list">
          <div class="info-box">
            <img src="images/zhaoshangjiameng/tyke-hfr-1.png">
            <div class="info-title">咨询与了解</div>
            <div class="info-desc">
              合伙人通过电话、邮件、在线咨询等方式了解招商政策和合作细节。
            </div>
            <div class="info-arrow"></div>
          </div>
        </div>
      </div> */

/* 招商加盟 end */


/* 关于我们 begin */

.layui-guanyuwomen {
    position: relative;
    width: 100%;
    padding: 0;
}

.layui-guanyuwomen .title {
    width: 100%;
    font-size: 2.2rem;
    color: #333333;
    text-align: center;
    margin: 50px auto;
}

.layui-guanyuwomen .newtitle {
    position: relative;
    width: var(--contentw);
    margin: 0 auto 50px;
    font-size: 2.2rem;
    color: #333333;
    text-align: center;
}

.layui-guanyuwomen .newtitle .morebtn {
    position: absolute;
    right: 0;
    top: 50%;
    font-size: 14px;
    cursor: pointer;
    /* transform: translateY(-50%); */
}

.layui-guanyuwomen .newtitle .morebtn:hover {
    color: #268BFF;
}


.layui-guanyuwomen .banner-img {
    width: 100%;
}

.layui-guanyuwomen .banner-img img {
    width: 100%;
    /* 让图片填充矩形容器 */
    height: auto;
    /* 保持图片的宽高比 */

}

.layui-guanyuwomen .guanyuwomen_nav {
    width: 100%;
    transition: background .2s !important;
    background: #fff !important;
    backdrop-filter: none !important;
    box-shadow: 3px 5px 10px 0px rgba(37, 45, 51, .1);
    z-index: 900;

}

.layui-guanyuwomen .guanyuwomen_content {
    position: relative;
    width: 100%;
    margin: 50px auto;
    padding: 1px 0;
}


.layui-guanyuwomen .guanyuwomen_nav .guanyuwomen-nav-ul {
    width: 55%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    height: 90px;
    line-height: 90px;
}

.layui-guanyuwomen .guanyuwomen_nav .guanyuwomen-nav-ul .guanyuwomen-nav-li {
    text-align: center;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 400;
    padding: 20px 20px 20px;
}

.layui-guanyuwomen .guanyuwomen_nav .guanyuwomen-nav-li-active {
    color: rgb(19, 144, 234);
    border-bottom: 4px solid #268BFF;
}

.layui-guanyuwomen .guanyuwomen_nav .guanyuwomen-nav-ul .guanyuwomen-nav-li:hover {
    color: rgb(19, 144, 234);
    border-bottom: 4px solid #268BFF;
}

@media screen and (max-width:900px) {
    .gongshijianjie-content {
        position: relative;
        width: 100%;
        height: 419px;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
    }

    .gongshijianjie-content img {
        width: 60%;
        /* 让图片填充矩形容器 */
        height: auto;
        /* 保持图片的宽高比 */
        /*保持原有比例 */
        object-fit: contain;
    }

    .gongshijianjie-content .gongshijianjie-content-left {
        width: 35%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }
}

.gongshijianjie-content {
    position: relative;
    width: var(--contentw);
    /* width: 70%; */
    height: 419px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.gongshijianjie-content .gongsi-content {
    width: 50%;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.5);
    padding: 18px;
}

.gongshijianjie-content .gongsi-content img {
    width: 100%;
    /* 让图片填充矩形容器 */
    height: 100%;
    /* 保持图片的宽高比 */
    /*保持原有比例 */
    object-fit: cover;
    /* contain; */
    border-radius: 10px;
}

.gongshijianjie-content .gongshijianjie-content-left {
    width: 35%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.gongshijianjie-content .gongshijianjie-content-left p {
    font-size: 20px;
    color: #268BFF;
    margin: 10px auto;
}

.gongshijianjie-content .gongshijianjie-content-left span {
    font-size: 14px;
    color: #000000;
    line-height: 24px;
    display: block;
}


.gongshijianjie-content .gongshijianjie-content-right {
    position: relative;
    width: 60%;
    margin: auto;
    /* background-color: #000000; */
}

.gongshijianjie-content .gongshijianjie-content-right video {
    width: 100%;
    object-fit: contain;
    overflow-clip-margin: content-box;
    overflow: clip;
}

.gongshijianjie-content .gongshijianjie-content-right #gongsi-video-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    display: none;
}



.layui-guanyuwomen .qiyerongyu-content {
    width: var(--contentw);
    /* width: 70%; */
    margin: 0px auto;
}

.layui-guanyuwomen .qiyerongyu-content img {
    width: 100%;
    /* 让图片填充矩形容器 */
    height: auto;
    /* 保持原有尺寸比例，内容被缩放 */
    object-fit: contain;
}

.layui-guanyuwomen .gywm-xinwenzhongxin-content {
    position: relative;
    width: var(--contentw);
    /* width: 70%; */
    font-size: 18px;
    font-weight: 400;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 20px auto;
}

.layui-guanyuwomen .gywm-videolist-content {
    position: relative;
    width: var(--contentw);
    /* width: 70%; */
    font-size: 18px;
    font-weight: 400;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 20px auto;
}



.layui-guanyuwomen .gywm-videolist-content .video-poster {
    display: block;
    /* Always show the poster */
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: none;
    /* Resize the image to cover the entire container */
}

.layui-guanyuwomen .gywm-videolist-content .video-box {
    width: 30%;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 29px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    background: #FFFFFF;
    border-radius: 2px;
    border: 1px solid #F2F2F2;
    cursor: pointer;

}

.tengyue-video-box {
    position: relative;
    width: 100%;
    margin: auto;
}

.layui-guanyuwomen .gywm-videolist-content .video-box video {
    width: 100%;
    object-fit: contain;
    overflow-clip-margin: content-box;
    overflow: clip;
}


.layui-guanyuwomen .gywm-videolist-content .video-box .video-title {
    width: 95%;
    margin: 5px auto 5px;
    font-size: 16px;
    color: #333333;
    min-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 10px 0;
}

.layui-guanyuwomen .gywm-videolist-content .video-box .video-title:hover {
    color: rgb(19, 144, 234);
}


.layui-guanyuwomen .qiyezhizhi-content {
    position: relative;
    height: 688px;
    width: 100%;
    /* 让图片填充矩形容器 */
    /* height: auto; */
    /* 将背景图片居中显示 */
    background: url('../images/women/qiyezhizhi-bg.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;

}

.layui-guanyuwomen .qiyezhizhi-content .gsap-list {
    position: relative;
    width: 70%;
    height: 65%;
    /* background-color: #ff0000; */
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.layui-guanyuwomen .qiyezhizhi-content .gsap-list div {
    position: absolute;
    max-width: 100%;
    height: auto;
    /* background-color: #0093FF; */
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.layui-guanyuwomen .qiyezhizhi-content .gsap-list img {
    position: absolute;
    width: 100%;
    height: auto;
    /* 保持原有尺寸比例，内容被缩放 */
    display: flex;
    object-fit: contain;
    left: -200%;
    opacity: 0;
}


.layui-guanyuwomen .qiyezhizhi-content .gsap-list #gsap-0 {
    width: 13%;
    height: 214px;
    right: 2%;
    top: calc(50% - 214px);
}

.layui-guanyuwomen .qiyezhizhi-content .gsap-list #gsap-1 {
    width: 13%;
    height: 50%;
    right: 14%;
    top: calc(50% - 214px);
}

.layui-guanyuwomen .qiyezhizhi-content .gsap-list #gsap-2 {
    width: 13%;
    height: 50%;
    right: 0;
    top: 50%;
}

.layui-guanyuwomen .qiyezhizhi-content .gsap-list #gsap-3 {
    width: 13%;
    height: 214px;
    right: 14%;
    top: 50%;
}

.layui-guanyuwomen .qiyezhizhi-content .gsap-list #gsap-4 {
    width: 13%;
    height: 214px;
    right: 26%;
    top: 30px;
    scale: 1;
}

.layui-guanyuwomen .qiyezhizhi-content .gsap-list #gsap-5 {
    width: 15%;
    height: 214px;
    left: 18%;
    top: 10px;
    scale: 0.9;
}

.layui-guanyuwomen .qiyezhizhi-content .gsap-list #gsap-6 {
    width: 15%;
    height: 214px;
    left: calc(50% - 5%);
    top: 55%;
    scale: 1;
}

.layui-guanyuwomen .qiyezhizhi-content .gsap-list #gsap-7 {
    width: 15%;
    height: 214px;
    left: calc(50% - 19%);
    bottom: -50px;
    scale: 1;
}

.layui-guanyuwomen .qiyezhizhi-content .gsap-list #gsap-8 {
    width: 15%;
    height: 214px;
    right: 27%;
    bottom: -30px;
    scale: 1;
}

.layui-guanyuwomen .qiyezhizhi-content .gsap-list #gsap-9 {
    width: 13%;
    height: 214px;
    left: 5%;
    bottom: 0;
    scale: 1;
}

.layui-guanyuwomen .qiyezhizhi-content .gsap-list #gsap-10 {
    width: 13%;
    height: 214px;
    left: 18%;
    bottom: -10px;
    scale: 1;
}


.layui-guanyuwomen .qiyezhizhi-content .gsap-list #gsap-11 {
    width: 13%;
    height: 214px;
    left: 5%;
    top: -10px;
    scale: 1;
}


.layui-guanyuwomen .qiyezhizhi-content .gsap-list #gsap-12 {
    width: 30%;
    height: 214px;
    left: calc(50% - 18%);
    top: 30px;
    scale: 1;
}


.layui-guanyuwomen .qiyezhizhi-content #wrap {
    /* margin: 30px auto; */
    width: 980px;
    height: 500px;
    text-align: center;
}

#wrap li {
    position: absolute;
    left: 0;
    top: 0;
    transition: transform 1500ms ease-out;
    /* background-color: white; */
}



.layui-guanyuwomen .box {
    width: 100%;
    height: 100%;
    background-size: cover;
    transition: transform 1500ms ease-out;
}

.layui-guanyuwomen .center {
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;

}

.layui-guanyuwomen .qiyezhizhi-content img {
    /* width: 70%; */
    /* 让图片填充矩形容器 */
    /* height: auto; */
    /* 保持原有尺寸比例，内容被缩放 */
    /* object-fit: contain; */
    /* margin: 80px auto; */
}

.layui-guanyuwomen .shangwuhezuo_content {
    width: 100%;
    height: 821px;
    background-color: #ECF0FB;
    margin: 30px auto;
    padding: 1px 0;
}

.layui-guanyuwomen .shangwuhezuo {
    width: var(--contentw);
    /* width: 70%; */
    background-color: #ECF0FB;
    margin: 30px auto;
    display: flex;
    align-content: space-around;
    justify-content: space-evenly;
}

.layui-guanyuwomen .shangwuhezuo img {
    width: 52%;
    /* 让图片填充矩形容器 */
    height: auto;
    /* 保持原有尺寸比例，内容被缩放 */
    object-fit: contain;
    /* margin: 80px auto; */
}

.layui-guanyuwomen .shangwuhezuo .shangwuhezuo-right {
    width: 38%;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.5);
    text-align: center;
}

@media screen and (max-width:980px) {

    .layui-guanyuwomen .shangwuhezuo img {
        width: 40%;
        /* 让图片填充矩形容器 */
        height: auto;
        /* 保持原有尺寸比例，内容被缩放 */
        object-fit: contain;
        /* margin: 80px auto; */
    }

    .layui-guanyuwomen .shangwuhezuo .shangwuhezuo-right {
        width: 50%;
        border-radius: 10px;
        background-color: #fff;
        box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.5);
        text-align: center;
    }
}

.layui-guanyuwomen .shangwuhezuo .shangwuhezuo-right .info-box {
    position: relative;
    width: 90%;
    margin: 30px auto;
    text-align: left;
    display: flex;
}

.layui-guanyuwomen .shangwuhezuo .shangwuhezuo-right .info-box div {
    width: 30%;
    line-height: 30px;
    margin: auto 0;
}

.layui-guanyuwomen .shangwuhezuo .shangwuhezuo-right .info-box input {
    width: 75%;
    font-size: 12px;
    font-weight: 400;
    display: flex;
    line-height: 30px;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #DEDEDE;
}

.required::after {
    content: '*';
    color: red;
    margin-left: 2px;
}

/* .required::before {
    content: '*';
    color: red;
    margin-left: 2px;
} */

.layui-guanyuwomen .shangwuhezuo .shangwuhezuo-right .info-box p {
    position: absolute;
    width: 75%;
    font-size: 12px;
    right: 0;
    bottom: -20px;

}

.layui-guanyuwomen .shangwuhezuo .shangwuhezuo-right .info-box .xingzhengquhua {
    width: 75%;
    display: flex;
    justify-content: space-between;
    height: 30px;
}

.layui-guanyuwomen .shangwuhezuo .shangwuhezuo-right .info-box select {
    width: 32%;
    height: 100%;
    font-size: 12px;
    font-weight: 400;
    line-height: 30px;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #DEDEDE;
}

.layui-guanyuwomen .shangwuhezuo .shangwuhezuo-right .info-box textarea {
    width: 75%;
    font-size: 12px;
    font-weight: 400;
    display: flex;
    line-height: 30px;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #DEDEDE;
}

.layui-guanyuwomen .shangwuhezuo .shangwuhezuo-right #btn_swhz {
    width: 50%;
    height: 50px;
    margin-bottom: 20px;
}

.filePicker {
    background: none repeat scroll 0 0 #00B7EE;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    height: 44px;
    line-height: 44px;
    width: 60px;
    margin: 0 auto 0px;
    overflow: hidden;
    transition: background 0.2s;
    -moz-transition: background 0.2s;
    -webkit-transition: background 0.2s;
    -o-transition: background 0.2s;
}

.filePicker:hover {
    background: none repeat scroll 0 0 #00A2D4;
}

/* 关于我们 end */

/* 加入我们 begin */

.layui-jiaruwomen {
    position: relative;
    width: 100%;
    padding: 0
}


.layui-jiaruwomen .banner-img {
    width: 100%;
}

.layui-jiaruwomen .banner-img img {
    width: 100%;
    /* 让图片填充矩形容器 */
    height: auto;
    /* 保持图片的宽高比 */

}

.layui-jiaruwomen .zhaopin_content {
    position: relative;
    width: 60%;
    margin: 30px auto;
    padding: 1px 0;
}

.layui-jiaruwomen .zhaopin_content .zhaopin-box {
    position: relative;
    margin: 30px auto 50px;
}

.layui-jiaruwomen .zhaopin_content .zhaopin-box .name {
    display: flex;
    font-weight: 400;
    font-size: 24px;
    color: #333333;
    line-height: 34px;
    align-items: center;
    justify-content: space-between;
}

.layui-jiaruwomen .zhaopin_content .zhaopin-box .shenqingbtn {
    margin: auto 30px;
    height: 36px;
    padding: 0 10px;
    line-height: 36px;
    background: #268BFF;
    border-radius: 25px 25px 25px 25px;
    font-size: 14px;
    cursor: pointer;
    align-items: center;
    font-size: 16px;
    color: #FFFFFF;

}

.layui-jiaruwomen .zhaopin_content .zhaopin-box .needInfo {
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    line-height: 21px;
    margin: 20px 0;
    display: flex;
    align-items: center;
}


.layui-jiaruwomen .zhaopin_content .zhaopin-box .needInfo div:nth-child(1) {
    padding-right: 15px;
}


.layui-jiaruwomen .zhaopin_content .zhaopin-box .needInfo div:nth-child(2) {
    padding: 0 20px;
}

.layui-jiaruwomen .zhaopin_content .zhaopin-box .needInfo div:nth-child(3) {
    padding: 0 20px;
}

.layui-jiaruwomen .zhaopin_content .zhaopin-box .needTitle {
    font-weight: bold;
    font-size: 18px;
    color: #333333;
    line-height: 24px;
    margin: 50px 0 20px;
}



.layui-jiaruwomen .zhaopin_content .zhaopin-box .info {
    font-weight: 400;
    font-size: 14px;
    color: #707070;
    line-height: 30px;
}

.layui-jiaruwomen .zhaopin_content .zhaopin-box .line {
    width: 100%;
    height: 1px;
    background-color: #cccccc;
    margin: 50px 0;
}


/* 加入我们 end */

/* 新闻中心列表 begin */

.layui-newsList {
    position: relative;
    width: 100%;
    padding: 0
}

.layui-newsList .title {
    width: 100%;
    font-size: 2.2rem;
    color: #333333;
    text-align: center;
    margin: 50px auto;
}

.layui-newsList .banner-img {
    width: 100%;
}

.layui-newsList .banner-img img {
    width: 100%;
    /* 让图片填充矩形容器 */
    height: auto;
    /* 保持图片的宽高比 */

}


.layui-newsList .newsList_content {
    position: relative;
    width: 100%;
    margin: 50px auto;
    padding: 1px 0;
}

.layui-newsList .newsList_content .news-box {
    position: relative;
    width: 70%;
    height: 55px;
    margin: auto;
    background: #F8F8FF;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 30px;
}

.layui-newsList .newsList_content .news-box:nth-child(2n) {
    background: #E7EEFC;
}

.layui-newsList .newsList_content .news-box:hover {
    color: #268BFF;
}

.layui-newsList .newsList_content .news-box .title {
    width: 70%;
    height: 55px;
}

.layui-newsList .newsList_content .news-box .time {
    width: 30%;
    height: 55px;
}



.layui-newsList .newsType_nav {
    width: 100%;
    height: 80px;
    transition: background .2s !important;
    background: #fff !important;
    backdrop-filter: none !important;
    box-shadow: 3px 5px 10px 0px rgba(37, 45, 51, .1);
    z-index: 900;

}

.layui-newsList .newsType_content {
    position: relative;
    width: var(--contentw);
    /* width: 70%; */
    min-height: 381px;
    background: #fff !important;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 20px auto;
}


.layui-newsList .newsType_nav .newsType-nav-ul {
    width: var(--contentw);
    /* width: 70%; */
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    height: 80px;
    line-height: 80px
}

.layui-newsList .newsType_nav .newsType-nav-ul .newsType-nav-li {
    text-align: center;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 400;
}

.layui-newsList .newsType_nav .newsType-nav-li-active {
    color: rgb(19, 144, 234);
}

.layui-newsList .newsType_nav .newsType-nav-ul .newsType-nav-li:hover {
    color: rgb(19, 144, 234);
}


/* 新闻中心列表 end */

/* 二级界面 云农谷AI+农业 begin*/

.twopage-yunnongu-ai {
    position: relative;
    width: 100%;
    padding: 0
}

.twopage-yunnongu-ai .title {
    width: 100%;
    font-size: 2.2rem;
    color: #333333;
    /* line-height: 150px; */
    text-align: center;
    margin: 50px auto 30px;
}



.twopage-yunnongu-ai .yunnongu-banner {
    width: 100%;
    /* 让图片填充矩形容器 */
    height: auto;
    /* 保持图片的宽高比 */
}

/* 平台介绍  */
.twopage-yunnongu-ai .yunonggu-ptjs {
    width: 100%;
    padding: 0;
}

.twopage-yunnongu-ai .yunonggu-ptjs .yunonggu-ptjs-content {
    width: var(--contentw);
    /* width: 70%; */
    padding: 0;
    margin: 0 auto 30px;
    text-align: center;
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}


.twopage-yunnongu-ai .yunonggu-ptjs .yunonggu-ptjs-ai {
    width: var(--contentw);
    margin: 10px auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;

}

.twopage-yunnongu-ai .yunonggu-ptjs .yunonggu-ptjs-ai .ai-box {
    display: flex;
    align-items: center;
    padding: 20px 30px;

}

.twopage-yunnongu-ai .yunonggu-ptjs .yunonggu-ptjs-ai .ai-box .big-ai {
    font-weight: normal;
    font-size: 27px;
    color: #666666;
    line-height: 33px;
}

.twopage-yunnongu-ai .yunonggu-ptjs .yunonggu-ptjs-ai .ai-box .name {
    font-size: 13px;
    color: #666666;
    line-height: 16px;
}


/* 系统框架  */
.twopage-yunnongu-ai .yunonggu-xtkj {
    width: var(--contentw);
    /* width: 70%; */
    padding: 1px 0;
    margin: 0 auto;
    text-align: center;
}

.twopage-yunnongu-ai .yunonggu-xtkj-content {
    padding: 1px 0;
    margin: 0 auto;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.twopage-yunnongu-ai .yunonggu-xtkj-content .item-box {
    background: #FFFFFF;
    box-shadow: 0px 0px 18px 1px #EAECEE;
    border-radius: 10px 10px 10px 10px;
    width: 28%;
    /* height: 150px; */
    margin: 20px auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 20px;
    font-size: 0.75rem;
    color: #333333;
}

.twopage-yunnongu-ai .yunonggu-xtkj-content .item-box .name {
    display: flex;
    align-items: center;
}

.twopage-yunnongu-ai .yunonggu-xtkj-content .item-box .name span {
    padding-right: 10px;
    font-size: 36px;
}

.twopage-yunnongu-ai .yunonggu-xtkj-content .item-box .desc {
    text-align: left;
    line-height: 30px;

}



/* 核心关键技术  */
.twopage-yunnongu-ai .yunonggu-hxgjjs {
    position: relative;
    width: 100%;
    padding: 1px 0;
    margin: 50px auto;
    /* text-align: center;
    background: url('../images/yunonggu-hxjs.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%; */
}

.twopage-yunnongu-ai .yunonggu-hxgjjs .hxgjjs-name {
    width: 100%;
    font-size: 2.2rem;
    color: #333333;
    /* line-height: 150px; */
    text-align: center;
    margin: 30px 0;
}

.twopage-yunnongu-ai .yunonggu-hxgjjs .hxgjjs-box {
    position: relative;
    width: 100%;
}

.twopage-yunnongu-ai .yunonggu-hxgjjs .hxgjjs-box .info {
    position: absolute;
    /* background-color: #0052d9; */
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 2.6rem;
    color: #FFFFFF;
    line-height: 73px;
    text-align: center;
}

.twopage-yunnongu-ai .yunonggu-hxgjjs .hxgjjs-box .info .eg-desc {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 1.25rem;
    color: #FFFFFF;
    line-height: 34px;
    text-transform: uppercase;
}




.twopage-yunnongu-ai .yunonggu-hxgjjs .hxgjjs-box img {
    width: 100%;
    /* 让图片填充矩形容器 */
    height: auto;
    /* 保持图片的宽高比 */
    /* 设置圆角的半径 */
    /*保持原有比例 */
    object-fit: contain;
}

.twopage-yunnongu-ai .yunonggu-hxgjjs .hxgjjs-box .desc {
    position: absolute;
    /* background-color: #0052d9; */
    width: 30%;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 30px;
    top: 50%;
    left: 20%;
    transform: translateY(-50%);
    text-align: justify;
}


@media screen and (max-width:980px) {
    .twopage-yunnongu-ai .yunonggu-hxgjjs .hxgjjs-box .desc {
        width: 50%;
        left: 5%;
    }

}

.twopage-yunnongu-ai .yunonggu-hxgjjs .hxgjjs-box2 {
    position: relative;
    width: 100%;
    margin-bottom: 50px;
}







.twopage-yunnongu-ai .yunonggu-hxgjjs img {
    width: 100%;
    /* 让图片填充矩形容器 */
    height: auto;
    /* 保持图片的宽高比 */
}

/* AI+赋能农业管理运营  */
.twopage-yunnongu-ai .yunonggu-ai {
    width: var(--contentw);
    /* width: 70%; */
    padding: 1px 0;
    margin: 30px auto;
    text-align: center;
}

.twopage-yunnongu-ai .yunonggu-ai .yunonggu-ai-content {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 578px;
    padding: 11% 0;
    margin: 0 auto;
    text-align: center;
    background: url('../images/yunonggu-ai-fnnyglyy.png');
    background-position: center center;
    background-repeat: no-repeat;
}


.twopage-yunnongu-ai .yunonggu-ai .yunonggu-ai-content .content-box {
    width: 30%;
    /* height: 290px; */
    /* padding: 0; */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: left;
    font-size: 14px;
    color: #666666;
    line-height: 22px;
}

.twopage-yunnongu-ai .yunonggu-ai .yunonggu-ai-content .content-box .left-title {
    text-align: right;
    font-size: 24px !important;
    color: #123D7D;
    margin-bottom: 10px;
}

.twopage-yunnongu-ai .yunonggu-ai .yunonggu-ai-content .content-box .right-title {
    font-size: 24px !important;
    color: #123D7D;
    margin-bottom: 10px;
}


@media screen and (max-width:980px) {

    .twopage-yunnongu-ai .yunonggu-ai {
        width: 100%;
        padding: 1px 0;
        margin: 30px auto;
        text-align: center;
    }

    .twopage-yunnongu-ai .yunonggu-ai .yunonggu-ai-content .content-box {
        width: 30%;
        /* height: 290px; */
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        text-align: left;
        font-size: 14px;
        color: #666666;
        line-height: 22px;
        padding: 0 30px;
    }
}

/* <div class="content-left">
              <div class="left-top"> */

/* 五大核心应用  */
.twopage-yunnongu-ai .yunonggu-wudahexin {
    position: relative;
    width: 100%;
}

.twopage-yunnongu-ai .yunonggu-wudahexin .yunonggu-wudahexin-bg {
    position: relative;
    width: 100%;
    height: 709px;
    padding: 1px;
    background: url('../images/yunonggu-wdhxjs.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #ffffff;
    display: flex;
}



.twopage-yunnongu-ai .yunonggu-wudahexin .title {
    position: relative;
    width: 100%;
}

.twopage-yunnongu-ai .yunonggu-wudahexin .wudahexin-content {
    width: var(--contentw);
    /* width: 70%; */
    padding: 0;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

@media screen and (max-width:980px) {
    .twopage-yunnongu-ai .yunonggu-wudahexin .wudahexin-content {
        width: 100%;
        padding: 0;
        margin: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}

.twopage-yunnongu-ai .yunonggu-wudahexin .wudahexin-content .wudahexin-box {
    width: 30%;
    /* height: 180px; */
    padding: 0;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, .5);
    padding: 15px 20px;
    margin: 10px;
}

.twopage-yunnongu-ai .yunonggu-wudahexin .wudahexin-content .wudahexin-box span {
    font-size: 30px;
    color: #FFFFFF;
}

.twopage-yunnongu-ai .yunonggu-wudahexin .wudahexin-content .wudahexin-box img {
    margin-top: -15px;
    margin-left: 20px;
}

.twopage-yunnongu-ai .yunonggu-wudahexin .wudahexin-content .wudahexin-box div {
    margin-top: 10px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* 功能与服务 begin */
.twopage-yunnongu-ai .yunonggu-gongnengfuwu {
    position: relative;
    width: 100%;
}


.twopage-yunnongu-ai .yunonggu-gongnengfuwu .gongnengfuwu-content .gongnengliangdian-bg {
    width: 100%;
    display: flex;
    background: #F6F8FB;
    padding: 50px 15%;
    margin: 10px auto;
}

.twopage-yunnongu-ai .yunonggu-gongnengfuwu .gongnengfuwu-content .gongnengliangdian-bg:nth-child(2n) {
    width: 100%;
    margin: 0 auto;
    display: flex;
    background-color: #ffffff;
}

@media screen and (max-width:980px) {
    .twopage-yunnongu-ai .yunonggu-gongnengfuwu .gongnengfuwu-content .gongnengliangdian-bg {
        padding: 50px 5%;
    }
}

.twopage-yunnongu-ai .yunonggu-gongnengfuwu .gongnengfuwu-content .gongnengliangdian-box {
    width: 100%;
    margin: 0 auto;
    display: flex;
}

.twopage-yunnongu-ai .yunonggu-gongnengfuwu .gongnengfuwu-content .gongnengliangdian-box .gongneng-info {
    width: 45%;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.twopage-yunnongu-ai .yunonggu-gongnengfuwu .gongnengfuwu-content .gongnengliangdian-box .gongneng-info .gongneng-title {
    width: 100%;
    font-size: 35px;
    color: #000000;
}

.twopage-yunnongu-ai .yunonggu-gongnengfuwu .gongnengfuwu-content .gongnengliangdian-box .gongneng-info .gongneng-desc {
    width: 100%;
    margin: 10px auto;
    font-size: 14px;
    color: #000000;
    line-height: 30px;
}

.twopage-yunnongu-ai .yunonggu-gongnengfuwu .gongnengfuwu-content .gongnengliangdian-box .gongneng-img {
    width: 55%;
    /* background: #FFFFFF;
    box-shadow: 0px 0px 20px 1px rgba(194, 206, 219, 0.65);
    border-radius: 20px; */
    align-items: center;
    text-align: center;
    display: flex;
    height: fit-content;
    margin: auto;
}

.twopage-yunnongu-ai .yunonggu-gongnengfuwu .gongnengfuwu-content .gongnengliangdian-box .gongneng-img img {
    width: 100%;
    /* 让图片填充矩形容器 */
    height: auto;
    /* 保持图片的宽高比 */
    /* border-radius: 20px; */
    /* 设置圆角的半径 */
    /*保持原有比例 */
    object-fit: contain;
}

/* 功能与服务 end */


/* 合作客户及伙伴 begin  */
.twopage-yunnongu-ai .yunonggu-hezuokehu {
    width: 100%;
    padding: 0;
    margin: 30px auto;
    overflow: hidden;

}

.twopage-yunnongu-ai .yunonggu-hezuokehu .desc {
    font-size: 20px;
    color: #999999;
    line-height: 28px;
    text-align: center;
}

.twopage-yunnongu-ai .yunonggu-hezuokehu .hezuokehu-content {
    /* width: 1200px; */
    width: var(--contentw);
    display: flex;
    margin: 50px auto;
    justify-content: space-evenly;

}

.twopage-yunnongu-ai .yunonggu-hezuokehu .hezuokehu-content img {
    width: 100%;
    height: 100%;
    /*保持原有比例 */
    object-fit: cover;
}

/* 合作客户及伙伴 end */

/* 客户成功案例  */
.twopage-yunnongu-ai .yunonggu-khcgal {
    width: 100%;
    padding: 0;
    margin: 30px auto;
    overflow: hidden;

}

.twopage-yunnongu-ai .yunonggu-khcgal .khcgal-content {
    /* width: 1200px; */
    display: flex;
    margin: 0 auto;
    justify-content: space-evenly;

}

.twopage-yunnongu-ai .yunonggu-khcgal .khcgal-box {
    width: 385px;
    height: 273px;
    background: #FFFFFF;
    box-shadow: 0px 0px 18px 1px #EAECEE;
    border-radius: 10px 10px 10px 10px;
    padding: 20px;
}



.twopage-yunnongu-ai .yunonggu-khcgal .khcgal-box div {
    margin: 15px auto 0;
    font-size: 1rem;
    color: #171818;
    cursor: pointer;
    text-align: center;
}

.twopage-yunnongu-ai .yunonggu-khcgal .khcgal-box div:hover {
    color: rgb(19, 144, 234);
}

.twopage-yunnongu-ai .yunonggu-khcgal .khcgal-box img {
    width: 100%;
    height: 100%;
    max-height: 184px;
    /*保持原有比例 */
    object-fit: cover;
}

/* 二级界面 云农谷AI+农业 end*/

/* 二级界面 智能AI首部机器人 begin*/
/* <!-- 智能AI首部机器人 begin -->
      <div class="twopage-yingjian-AIsbjqr swiper-out">
        <img class="AIshoubujiqiren-banner" src="images/yunonggu-banner.jpg">
      </div>
      <!-- 智能AI首部机器人 end -->
*/
.twopage-yingjian-AIsbjqr {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0 auto;
}

.twopage-yingjian-AIsbjqr .AIshoubujiqiren-banner {
    width: 100%;
    height: 720px;
    padding: 0;
    min-height: 84px;
    z-index: 900;
}

.twopage-yingjian-AIsbjqr .AIshoubujiqiren-banner img {
    width: 100%;
    /* 让图片填充矩形容器 */
    height: auto;
    /* 保持图片的宽高比 */
}

.twopage-yingjian-AIsbjqr .title {
    width: 100%;
    font-size: 2.2rem;
    color: #333333;
    text-align: center;
    margin: 50px auto;
}

/* 传统首部灌溉系统难点 */
.twopage-yingjian-AIsbjqr .xitongnandian-content {
    width: var(--contentw);
    /* width: 70%; */
    height: 554px;
    padding: 0;
    margin: 0 auto;
    background: url('../images/yingjian-sb-xitongnandian.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-size: cover;
    /* 保证图片覆盖div且不变形 */
    display: flex;
}

.twopage-yingjian-AIsbjqr .xitongnandian-content table {
    width: var(--contentw);
    /* width: 70%; */
    border-collapse: collapse;
    margin: auto;
    color: #FFFFFF;
}

.twopage-yingjian-AIsbjqr .xitongnandian-content table td {
    width: 50%;
    border: 1px solid #ddd;
    padding: 30px;
    text-align: left;
}

.twopage-yingjian-AIsbjqr .xitongnandian-content table p {
    font-size: 45px;
    color: #FFFFFF;
}

.twopage-yingjian-AIsbjqr .xitongnandian-content table span {
    font-size: 16px;
    color: #FFFFFF;
}

/* 首部机器人图片 */
.twopage-yingjian-AIsbjqr .shoubujiqiren-img {
    width: 100%;
    padding: 0;
    margin: 100px auto;
    background: url('../images/yingjian-sb-jqr-1.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.twopage-yingjian-AIsbjqr .shoubujiqiren-img img {
    width: var(--contentw);
    max-width: 1100px;
    /* 让图片填充矩形容器 */
    height: auto;
    /* 保持图片的宽高比 */
    /*保持原有比例 */
    object-fit: contain;
    margin: 60px auto;
}




/* 优势亮点 */
.twopage-yingjian-AIsbjqr .youshiliangdian-content {
    width: var(--contentw);
    /* width: 70%; */
    padding: 0;
    margin: 0 auto;
}

.twopage-yingjian-AIsbjqr .youshiliangdian-content div {
    font-size: 1rem;
    color: #5B686C;
    width: 100%;
    height: 55px;
    background: #F8F8FF;
    line-height: 55px;
    padding-left: 20px;
    overflow: hidden;
    /* 确保超出容器的文本被隐藏 */
    white-space: nowrap;
    /* 确保文本在一行内显示 */
    text-overflow: ellipsis;
    /* 使用省略号表示被截断的文本 */
}

.twopage-yingjian-AIsbjqr .youshiliangdian-content div:nth-child(2n) {
    background: #E7EEFC;
}


/* 广受推荐 */
.twopage-yingjian-AIsbjqr .guangshoutuijian-content {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 100px auto;
    text-align: center;
}

.twopage-yingjian-AIsbjqr .guangshoutuijian-content .title {
    position: relative;
    width: 100%;
    font-size: 2.2rem;
    color: #929191;
    text-align: center;
    margin: 50px auto;
}

.twopage-yingjian-AIsbjqr .guangshoutuijian-content img {
    width: var(--contentw);
    /* 让图片填充矩形容器 */
    height: auto;
    /* 保持图片的宽高比 */
    /*保持原有比例 */
    object-fit: contain;
}

/* 首部机器人更多系列 */
.twopage-yingjian-AIsbjqr .genduoxilie-content {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    overflow: hidden;
}

.twopage-yingjian-AIsbjqr .genduoxilie-content .desc {
    width: 100%;
    font-size: 16px;
    color: #999999;
    margin-top: -30px;
    text-align: center;
}


.twopage-yingjian-AIsbjqr .genduoxilie-content .sb-chanpin-list {
    position: relative;
    width: 1230px;
    height: 510px;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    margin: 20px auto;
    overflow: hidden;
}

.twopage-yingjian-AIsbjqr .genduoxilie-content .sb-chanpin-list .sb-chanpin-list-ul {
    width: 1000%;
    position: absolute;
    left: 0;
    top: 0;
    list-style: none;
    display: flex;
}

.twopage-yingjian-AIsbjqr .genduoxilie-content .sb-chanpin-list .sb-chanpin-list-ul img::after {
    content: attr(data-tooltip);
    position: absolute;
    /* bottom: 100%;
    left: 50%; */
    margin-bottom: 5px;
    transform: translateX(-50%);
    visibility: hidden;
    background-color: black;
    color: white;
    text-align: center;
    padding: 5px 10px;
    border-radius: 5px;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s, visibility 0.3s, bottom 0.3s;
}


.twopage-yingjian-AIsbjqr .genduoxilie-content .chanpin {
    position: relative;
    width: 386px;
    height: 510px;
    background: #FFFFFF;
    border-radius: 24px 24px 24px 24px;
    border: 6px solid #9DD3CC;
    margin: 0 12px;
    cursor: pointer;
    display: flex;
}

.twopage-yingjian-AIsbjqr .genduoxilie-content .chanpin:hover {
    border: 6px solid #57d2c2;
}

.twopage-yingjian-AIsbjqr .genduoxilie-content .chanpin img {
    width: 100%;
    height: auto;
    /*保持原有比例 */
    object-fit: contain;
    margin: auto;
}


.twopage-yingjian-AIsbjqr .genduoxilie-content .chanpin img::after {
    content: attr(data-tooltip);
    position: absolute;
    /* bottom: 100%;
    left: 50%; */
    margin-bottom: 5px;
    transform: translateX(-50%);
    visibility: hidden;
    background-color: black;
    color: white;
    text-align: center;
    padding: 5px 10px;
    border-radius: 5px;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s, visibility 0.3s, bottom 0.3s;
}


/* 二级界面 智能AI首部机器人 end*/

/* 二级界面 AI水肥机推广页面 begin*/

.twopage-yingjian-AIsfj {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0 auto;
}

.twopage-yingjian-AIsfj .title {
    width: 100%;
    font-size: 2.2rem;
    color: #333333;
    text-align: center;
    margin: 50px auto;
}



.twopage-yingjian-AIsfj .yunnongu-banner {
    width: 100%;
    /* 让图片填充矩形容器 */
    height: auto;
    /* 保持图片的宽高比 */
}

/* 产品特点  */
.twopage-yingjian-AIsfj .AIsfj-chanpintedian {
    width: 100%;
    /* height: 466px; */
    padding: 1px 0;
    background: #F7F7F7;
    padding-bottom: 80px;

}

.twopage-yingjian-AIsfj .AIsfj-chanpintedian .chanpintedian-content {
    width: var(--contentw);
    /* width: 70%; */
    padding: 0;
    margin: 0 auto;
    text-align: center;
    display: flex;
}

.twopage-yingjian-AIsfj .AIsfj-chanpintedian .chanpintedian-content .content-box {
    width: 20%;
    padding: 0;
    text-align: center;
    font-size: 1.3rem;
    color: #333333;
    line-height: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* 自训练水肥模型 */
.twopage-yingjian-AIsfj .AIsfj-shuifeijimoxing {
    position: relative;
    width: 40%;
    padding: 0;
    margin: 80px auto;
}

.twopage-yingjian-AIsfj .AIsfj-shuifeijimoxing .desc {
    width: 100%;
    padding: 20px;
    margin: 80px auto 20px;
    background: #0093FF;
    border-radius: 12px;
    font-size: 20px;
    color: #FFFFFF;
    text-align: center;
}

.twopage-yingjian-AIsfj .AIsfj-shuifeijimoxing .moxing-data-list {
    width: 100%;
    margin: 40px auto 100px;
    font-size: 20px;
    color: #FFFFFF;
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.twopage-yingjian-AIsfj .AIsfj-shuifeijimoxing .moxing-data-box {
    width: 25%;
    padding: 0;
    margin: 10px;
    text-align: center;

}

.twopage-yingjian-AIsfj .AIsfj-shuifeijimoxing .moxing-data-box .box-title {
    width: 100%;
    height: 43px;
    line-height: 35px;
    border-radius: 11px 11px 11px 11px;
    border: 3px solid #0093FF;
    font-size: 20px;
    color: #0093FF;
}

.twopage-yingjian-AIsfj .AIsfj-shuifeijimoxing .moxing-data-box .box-info {
    width: 100%;
    height: 206px;
    padding: 15px 0;
    background: #0093FF;
    border-radius: 10px 10px 10px 10px;
    margin: 8px 0;
}


.twopage-yingjian-AIsfj .AIsfj-shuifeijimoxing .moxing-data-box .box-info span {
    width: 100%;
    display: block;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 34px;
}


/* 内置农作物AI大模型，管理更轻松 */
.twopage-yingjian-AIsfj .AIsfj-nuozuowuAimoxing {
    width: 100%;
    height: 1037px;
    /* background: radial-gradient(0% 0% at 50% 50%, #009AFF 0%, #04437E 100%); */
    background: radial-gradient(#009AFF, #04437E);
    padding: 30px 0;
    margin: 0 auto;
    color: #FFFFFF;
    text-align: center;

}

.twopage-yingjian-AIsfj .AIsfj-nuozuowuAimoxing .title {
    color: #FFFFFF;
}

.twopage-yingjian-AIsfj .AIsfj-nuozuowuAimoxing .desc {
    width: 100%;
    margin: 0px auto 80px;
    font-size: 20px;
    color: #FFFFFF;
    text-align: center;
}

/* 水肥一体机产品展示 */
.twopage-yingjian-AIsfj .AIsfj-chanpinzhanshi {
    width: 100%;
    padding: 30px 0;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
}

.twopage-yingjian-AIsfj .AIsfj-chanpinzhanshi .title {
    color: #333333;
}

.twopage-yingjian-AIsfj .AIsfj-chanpinzhanshi .title p {
    color: #333333;
    line-height: 70px;
}

.twopage-yingjian-AIsfj .AIsfj-chanpinzhanshi .sfj-chanpin-list {
    position: relative;
    width: 1230px;
    height: 510px;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    margin: 0 auto;
    overflow: hidden;
}

.twopage-yingjian-AIsfj .AIsfj-chanpinzhanshi .sfj-chanpin-list .sfj-chanpin-list-ul {
    width: 1000%;
    position: absolute;
    left: 0;
    top: 0;
    list-style: none;
    display: flex;
}



.twopage-yingjian-AIsfj .AIsfj-chanpinzhanshi .chanpin {
    position: relative;
    width: 386px;
    height: 510px;
    background: #FFFFFF;
    border-radius: 24px 24px 24px 24px;
    border: 6px solid #9DD3CC;
    margin: 0 12px;
    cursor: pointer;
    display: flex;
}

.twopage-yingjian-AIsfj .AIsfj-chanpinzhanshi .chanpin:hover {
    border: 6px solid #57d2c2;
}


.twopage-yingjian-AIsfj .AIsfj-chanpinzhanshi .chanpin img {
    width: 100%;
    height: auto;
    /*保持原有比例 */
    object-fit: contain;
    margin: auto;
}

/* 应用场景 */
.AIsfj-yingyongchangjing {
    position: relative;
    width: 100%;
    /* width: 70%; */
    padding: 30px 0;
    margin: 30px auto 0;
    text-align: center;
    background: linear-gradient(134deg, #0993DF 0%, #51C35A 96%, #52C458 100%);
    color: #FFFFFF;
}

.AIsfj-yingyongchangjing .title {
    color: #FFFFFF;
}

.AIsfj-yingyongchangjing .changjing-list {
    position: relative;
    width: var(--contentw);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto 50px;
}

.AIsfj-yingyongchangjing .changjing-list .changjing-box {
    position: relative;
    width: 30%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin: 10px auto;
    border-radius: 10px 10px 10px 10px;
    border: 2px solid #FFFFFF;
    font-weight: 400;
    font-size: 1rem;
    color: #FFFFFF;
    line-height: 55px;
    cursor: pointer;
}


.AIsfj-yingyongchangjing .changjing-list .changjing-box:hover {
    border: 1px solid #FFFFFF;
    color: #FFFFFF !important;
    transition: 0.2s;
}

.AIsfj-yingyongchangjing .changjing-list .fuwuduixiang-box {
    position: relative;
    width: 30%;
    min-height: 133px;
    /* height: auto; */
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    margin: 10px auto;
    background: #FFFFFF;
    box-shadow: inset 0px 10px 20px 1px #D0EBEA;
    border-radius: 10px 10px 10px 10px;
    font-weight: 400;
    font-size: 1rem;
    color: #999999;
    line-height: 55px;
    cursor: pointer;
    text-align: left;
    padding: 20px;
}




.AIsfj-yingyongchangjing .changjing-list .fuwuduixiang-box .name {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 18px;
    color: #333333;
    line-height: 24px;
}

.AIsfj-yingyongchangjing .changjing-list .fuwuduixiang-box .desc {
    width: 77.5%;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.8rem;
    color: #999999;
    line-height: 19px;
    margin-top: 20px;
}

.AIsfj-yingyongchangjing .changjing-list .fuwuduixiang-box img {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

/* 腾跃科技 */
.AIsfj-gongshijianjie {
    position: relative;
    width: 100%;
    margin: 0 auto;
    background: #EEF6FF;
    padding: 30px 0 150px;
}

.AIsfj-gongshijianjie .tyfw-title {
    position: absolute;
    width: 100%;
    margin: 120px auto;
    text-align: center;
    font-size: 2.2rem;
    color: #333333;
}

.AIsfj-gongshijianjie .tyfw-img {
    display: flex;
    margin: 150px auto 50px;
    width: var(--contentw);
    max-width: 1000px;
    /* 让图片填充矩形容器 */
    height: auto;
    /* 保持图片的宽高比 */
    /*保持原有比例 */
    object-fit: contain;
}



.AIsfj-gongshijianjie .list-box {
    width: var(--contentw);
    /* width: 70%; */
    margin: 0 auto;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
}

@media screen and (max-width:980px) {
    .AIsfj-gongshijianjie .list-box {
        width: 95%;
    }

    .twopage-yingjian-AIsbjqr .youshiliangdian-content {
        width: 90%;
    }

    .twopage-yingjian-AIsfj .AIsfj-shuifeijimoxing {
        width: 70%;
    }

    .twopage-yingjian-AIsfj .AIsfj-chanpintedian .chanpintedian-content {
        width: 90%;
    }

    .gongshijianjie-content {
        width: 90%;

    }

    /* .AIsfj-yingyongchangjing {
        width: 90%;
    } */

    .layui-guanyuwomen .qiyezhizhi-content {
        height: 400px;
    }
}



.AIsfj-gongshijianjie .list-box .info-box {
    margin: 20px auto;
    width: 47%;
    background: #268BFF;
    border-radius: 14px 14px 14px 14px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 20px;
}

.AIsfj-gongshijianjie .list-box .info {
    width: 70%;
    display: flex;
    flex-direction: column;
    text-align: left;
}

.AIsfj-gongshijianjie .list-box .info .info-title {
    font-size: 1.3vw;
    color: #FFFFFF;
    line-height: 27px;
}

.AIsfj-gongshijianjie .list-box .info .info-desc {
    position: relative;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 20px;
    margin-top: 10px;
    padding: 0 5px;
}

.AIsfj-gongshijianjie .list-box .info .info-desc p {
    line-height: 21px;
}

.AIsfj-gongshijianjie .list-box .info .info-desc p::before {
    content: '●';
    margin-left: -15px;
    padding-right: 8px;
}

/* 二级界面 AI水肥机推广页面 end*/

/* 3级界面 begin */
.layui-threepage {
    position: relative;
    width: 100%;
    padding: 0;
    margin-top: 80px;
}

.layui-threepage .banner-img {
    width: 100%;
}

.layui-threepage .banner-img img {
    width: 100%;
    /* 让图片填充矩形容器 */
    height: auto;
    /* 保持图片的宽高比 */
    /*保持原有比例 */
    object-fit: contain;
}

.layui-threepage .title {
    width: 100%;
    font-size: 32px;
    color: #333333;
    text-align: center;
    margin: 130px auto 20px;
}

.layui-threepage .threepage-content {
    width: var(--contentw);
    /* width: 70%; */
    margin: 130px auto 50px;
}


.layui-threepage .threepage-content .time {
    width: 100%;
    font-size: 16px;
    color: #9195a3;
    text-align: left;
    margin: 30px auto;
}

.layui-threepage .threepage-content .time a {
    color: #333333;
}

.layui-threepage .threepage-content .chanping-info2 {
    display: flex;
    margin: 0 auto;
    flex-direction: column;
    line-height: 30px;
    text-align: left;
    font-size: 16px;
}

.layui-threepage .threepage-content .chanping-info2 p {
    /* margin: 10px auto; */
    margin-top: 10px;
    text-align: left;
}

.layui-threepage .threepage-content .chanping-info2 img {
    /* margin: 10px auto; */
    /*保持原有比例 */
    width: 100%;
    height: auto;
    object-fit: contain;
}

.layui-threepage .threepage-content .chanping-info {
    display: flex;
    justify-content: space-between;
}

.layui-threepage .threepage-content .center-img {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    /* background-color: #1171c4; */
}

.layui-threepage .threepage-content .chanping-info .left-img {
    width: 38%;
    height: auto;
    /* background-color: #1171c4; */
    /* margin: auto; */
    text-align: center;
    border-radius: 5px;
    border: 2px solid #DEDEDE;
    box-sizing: content-box;
    display: flex;
    justify-content: center;
    padding: 20px;
    align-content: center;
    flex-direction: column;

}

.layui-threepage .threepage-content .chanping-info .left-img img {
    /* width: 100%;
    height: 100%;
    max-height: 400px; */
    max-height: 400px;
    /*保持原有比例 */
    object-fit: contain;

}

.layui-threepage .threepage-content .chanping-info .info-box {
    width: 58%;
    display: flex;
    flex-direction: column;
    padding-left: 50px;
    /* border-radius: 5px ;
    border: 2px solid #DEDEDE; */
    padding: 10px;
}

.layui-threepage .threepage-content .chanping-info .info-box span {
    font-size: 30px;
    color: #333333;
}

.layui-threepage .threepage-content .chanping-info .info-box .content {
    line-height: 30px;
    margin-top: 20px;
    margin-left: 10px;
}



.layui-threepage .threepage-content .chanping-info .info-box ul {
    list-style-type: square !important;
    /* 小园点 */
    padding-left: 5px;
    /* 左侧间距 */
    margin: 15px 0;
    line-height: 30px;
}

.layui-threepage .threepage-content .chanping-info .info-box table {
    width: 100%;
    table-layout: auto;
    border-collapse: collapse;
}

.layui-threepage .threepage-content .chanping-info .info-box table tr {
    display: flex;
    width: 100%;
}

.layui-threepage .threepage-content .chanping-info .info-box table th {
    margin: 0 20px;
}

.layui-threepage .threepage-content .chanping-info .info-box .list-style-square {
    list-style-type: square !important;
    /* 小园点 */
    padding-left: 5px;
    /* 左侧间距 */
    margin: 15px 0;
}

.layui-threepage .threepage-content .chanping-info .info-box .list-style-square li {

    /* 列表项之间的间距 */
    font-size: 16px;
    color: #333333;
    line-height: 32px;
}

.layui-threepage .threepage-content .chanping-parameter {
    margin: 50px auto;
    /* background-color: #252E4B; */
    color: #fff;
    /* padding: 50px 20px; */
}

.layui-threepage .threepage-content .chanping-parameter .parameter-title {
    width: 100%;
    margin: 30px auto 10px;
    /* text-align: center; */
    font-size: 1rem;
    color: #666666;
}

.layui-threepage .threepage-content .chanping-parameter .parameter-table {
    width: 100%;
    margin: 30px auto;
    font-size: 1rem;
    color: #666666;
    line-height: 35px;
}

.layui-threepage .threepage-content .chanping-parameter .parameter-table table {
    width: 100%;
    border-collapse: collapse;
}

.layui-threepage .threepage-content .chanping-parameter .parameter-table td {
    border: 1px solid #E1E1E1;
    padding: 5px 20px;
    text-align: left;
}

/* <div class="chanping-info">
          <img src="./images/btn_icon_0.png">
          <div class="info-box">
            <span>首部机器人</span>
            <div class="content">
              
            </div>
          </div>
        </div>
        <div class="chanping-parameter">
          <div class="dev-title">产品主要参数</div>
          <div class="dev-table">
            <table>
              <tr>
                <td></td>
                <td></td>
              </tr>
            </table>
          </div>
        </div> */
/* 3级界面 end */